<template>
    <panel title="生活服务" class="panel">
        <ul class="content">
            <li class="item">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t3991/64/2521945388/12110/93c0139/58d1e462Ncf294123.png?width=132&height=132" alt="">
                <p>优惠券</p>
            </li>
            <li class="item">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t3991/64/2521945388/12110/93c0139/58d1e462Ncf294123.png?width=132&height=132" alt="">
                <p>优惠券</p>
                <p>全新升级</p>
            </li>
            <li class="item">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t3991/64/2521945388/12110/93c0139/58d1e462Ncf294123.png?width=132&height=132" alt="">
                <p>优惠券优惠券优惠券</p>
            </li>
            <li class="item">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t3991/64/2521945388/12110/93c0139/58d1e462Ncf294123.png?width=132&height=132" alt="">
                <p>优惠券</p>
            </li>
            <li class="item">
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t3991/64/2521945388/12110/93c0139/58d1e462Ncf294123.png?width=132&height=132" alt="">
                <p>优惠券</p>
            </li>
        </ul>
    </panel>
</template>
<script>
import Panel from "@/components/panel"
export default {
    name: 'Life',
    components: {
        Panel
    },
}
</script>
<style lang="scss" scoped>
    @import '~assets/scss/element.scss';
    .panel{
        @include panel;
        .content{
            @include flex(row);
            box-sizing: border-box;
            .item{
                width: 20%;
                text-align: center;
                img{
                    width: .9rem;
                    height: .9rem;
                }
                p{
                    font-size: .25rem;
                    color: #666;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    margin-top: 12px;
                    &:nth-child(3) {
                        color: #FF801A;
                    }
                }
            }
        }
    }
</style>


